<template>
    <!-- 待办事项--申请详情  -->
    <div>
        <div class="white" style="padding-top: 10px;">
            <div class="Ptitle"> 审批单:C1961006-20220607125619 </div>
            <div class="Ptitle">审批详情</div>
            <ui-row>
                <div style="height: auto;">
                    <div class="infoBody">
                        <div class="infoCont">申请人：张三</div>
                        <div class="infoCont">申请机构：渝中支行</div>
                        <div class="infoCont">申请时间：2022-01-21 10:32:02</div>
                    </div>
                    <div class="infoBody">
                        <div class="infoCont">调整原因：管户人原因</div>
                        <div class="infoCont">成功数：1</div>
                        <div class="infoCont">失败数：0</div>
                    </div>
                    <div class="sqyy">
                        <div style="display: flex;">
                            <div class="sqyyFont">申请原因：</div>
                            <div class="sqyyBody"></div>
                        </div>
                    </div>
                </div>
            </ui-row>
            <ui-row>
                <div class="Ptitle"> 业务详情 </div>
                <div>
                    <vx-table :tableData="tableData" :isSelect="false" :columns="columns"
                        @multipleSelection="multipleSelection" :buttomGroup="buttomGroup"
                        @openDetails="openDetails"></vx-table>
                </div>
            </ui-row>
            <ui-row>
                <div class="Ptitle"> 审批流程： 客户认领 </div>
                <div>
                    <vx-table :tableData="tableData" :isSelect="false" :columns="columns"
                        @multipleSelection="multipleSelection" :buttomGroup="buttomGroup"
                        @openDetails="openDetails"></vx-table>
                </div>
                <div style="text-align: center;">
                    <ui-button class="primary-btn" @click="searchList(true)" icon="ui-icon-search">返回</ui-button>
                </div>
            </ui-row>
        </div>
    </div>
</template>

<script>
import vxTable from '@/components/vx-table';

export default {
    name: 'myapplicationsDetails',
    components: {
        vxTable,
    },
    data() {
        return {
            columns: [
                {
                    prop: 'userName',
                    label: '客户号',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: '客户姓名',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: '客户等级',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: 'AUM余额(元)',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: 'AUM90天日均',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: 'LUM90天日均',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: '管护机构',
                    fixed: true,
                },

                {
                    prop: 'userName',
                    label: '本机构类型',
                    fixed: true,
                },
                {
                    prop: 'userName',
                    label: '处理状态',
                    fixed: true,
                },
            ],
            tableData: [],
            buttomGroup: [

            ]
        }
    },
    methods: {
        searchList() {
            this.$router.push('/agentMatters/myApplicationslist')
        }
    },
}
</script>
<style lang="scss" scoped>
.infoBody {
    width: 90%;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
}

.infoCont {
    width: 30%;
    font-size: 15px;
}

.sqyy {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.sqyyFont {
    width: 100px;
    font-size: 15px;
}

.sqyyBody {
    width: 50%;
    height: 200px;
    background-color: #ccc;
}

.Ptitle {
    padding: 20px 50px;
}
</style>